import React, { Component } from 'react';

class ClassifyListLeft extends Component {
    constructor(props){
        super(props);
        this.state={
            categorylist:[]
        }
    }
    // componentDidMount(){
    //     user_category().then((res)=>{
    //         if(res.data.code===200){
    //             console.log(res.data.list[0].id);
    //             this.setState({
    //                 categorylist:res.data.list
    //             })
    //         }
    //     })
    // }
    render() {
        return (
            <div className='left'>
                    {
                       this.props.categorylist.map((item,index)=>{
                        return (
                            <div key={index}
                            onClick={ ()=>{ this.props.handleClick(index) } }
                            className={ 'btn '+(this.props.currentIndex===index?"active":"") } 
                            >
                                {item.name}
                            </div>
                        )
                       }) 
                    }
                </div>
        );
    }
}

export default ClassifyListLeft;